// 负责管理所有的自定义指令

export const imageerror = {
    // 指令对象，会在当前的dom元素插入到节点之后执行
    inserted (dom,options) {
        // 监听img标签的错误事件 因为图片加载失败会触发onerror事件
        dom.src = dom.src || options.value
        // 当图片有地址 但是地址没有加载成功的时候会报错，会触发图片的一个事件 => onerror
        dom.onerror = function () {
            // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
            dom.src = options.value
        }
    },
    componentUpdated(dom, options) {
        dom.src = dom.src || options.value
    }
}